<template>
	<view>
		<view class="upBox">
			<text class="rowTitle">默认图片样式，正方形，无圆角</text>
			<hlUploadImg ref="hlUploadImg" :imgList="oldImgList" ></hlUploadImg>
			
			<text class="rowTitle">自定义样式1，图片高度为宽度的80%，10rpx的圆角</text>
			<hlUploadImg ref="hlUploadImg" :imgList="oldImgList" :imgStyle="imgStyle"></hlUploadImg>
			
			<text class="rowTitle">自定义样式2，宽高200rpx，圆形</text>
			<hlUploadImg ref="hlUploadImg"  :imgList="oldImgList2" :imgStyle="imgStyle2"></hlUploadImg>
		</view>
		
	</view>
</template>
<script>
import hlUploadImg from '../../components/hlUploadImg/hlUploadImg.vue';
export default {
	components: {
		hlUploadImg
	},
	data() {
		return {
			oldImgList:[
				'https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=2583035764,1571388243&fm=26&gp=0.jpg',
				'https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=3876535482,3811402221&fm=11&gp=0.jpg'
			],
			oldImgList2:[
				'https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=3876535482,3811402221&fm=11&gp=0.jpg'
			],
			imgStyle:{
				height:0.8,
				borderRadius:'10rpx'
			},
			imgStyle2:{
				width:'200rpx',
				height:'200rpx',
				borderRadius:'50%',
				overflow: 'hidden'		//可以通过overFlow:hidden 隐藏删除按钮
			}
		};
	}
};
</script>

<style lang="scss">

</style>
